<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>缴费记录</title>
<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-i con">
<link href="/css/user/buy/css.css" rel="stylesheet" type="text/css" />
<link href="/css/user/users/memberCenter.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
<script language="javascript" type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="/js/ajaxDataFormat.js"></script>
<style type="text/css">
.basicbtn {
	background-color: #00a2c9;
	margin-left: 85px;
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

</style>
</head>
<body>
<div class="Wrapper">
	<!--通话记录头部-->
    <jsp:include page="../../common/member/memberHeader.jsp"></jsp:include>
    <!--通话记录头部-->
    <!--通话记录中间部分-->
    <div class="uc_bd mt20 mb20 ">
    	<div class="uc_layer">
        	<!--通话记录账户信息-->
       	  	<jsp:include page="../../common/call/call_center.jsp"></jsp:include>
            <!--通话记录账户信息-->
            <div class="account mt20">
                <!--通话记录左侧-->
                <jsp:include page="../../common/call/call_left.jsp"></jsp:include>
            	<!--通话记录左侧-->
                <!--通话记录右侧-->
                <div class="member_r fr">
                	<div class="uitopb uitopb_border" style="height: 200px">
                		
                        <div class="uc_content order_list" style="height: 200px">
                        	<br>
                        	<div >
		                		<label style="margin-left: 40PX;font-size: 16px"> 时间范围：</label> 
									<input type="text" name="startTime" style="width:100px;height: 25px" readonly="true" size="8" value="2014-09-10" id="startTime" onclick="WdatePicker()" class="Wdate">
								<label style="font-size: 16px">至</label> 
									<input type="text" name="endTime" style="width:100px;height: 25px" readonly="true" size="8" value="2014-10-10" id="startTime" onclick="WdatePicker()" class="Wdate">
								
								<span> 
									<input type="button" name="button" id="search" value="查询" class="basicbtn" style="margin-left: 20px; width: 80px; height: 30px;">
								</span>
		                	</div>
		                	<br>
                        	<table class="cart-table" id="tradeTable" style="border: 1px; width: 760px;margin-left:33px;">
								<thead class="tabs cle">
									<tr>
										<th>流水号</th>
										<th>缴费金额</th>
										<th>缴费方式</th>
	                            		<th>缴费时间</th>
	                            		<th>缴费状态</th>
									</tr>
								</thead>
								<tbody class="item_content">
									<tr>
										<td style="text-align: center;">201410020001</td>
										<td style="text-align: center;">100</td>
										<td style="text-align: center;">账户余额</td>
										<td style="text-align: center;">2014-09-08</td>
										<td style="text-align: center;">已补交</td>
									</tr>
									<tr>
										<td style="text-align: center;">201410020002</td>
										<td style="text-align: center;">50</td>
										<td style="text-align: center;">支付宝</td>
										<td style="text-align: center;">2014-10-08</td>
										<td style="text-align: center;">未补交</td>
									</tr>
								</tbody>
							</table>
                        	
                      </div>
                    </div>
                </div>
                <!--通话记录右侧-->
                <div class="cl"></div>
			</div>
      	</div>
    </div>
    <!--通话记录中间部分-->
    <!---------------------------------footer------------------------------------>
    <jsp:include page="../../common/footer.jsp"/>
  	<!---------------------------------footer结束------------------------------------>
</div>
</body>
</html>
